<template>
	<view>
			11
		<!-- <uni-list>
			<uni-list-item v-for="d in list" :key="d.id" :title="d.title" :note="d.duration">
				<image slot="header" :src="d.userPic"
					style="width: 200rpx;height: 150rpx; border-radius:4px; margin:-10px 10px -10px -10px">

				</image>

			</uni-list-item>
		</uni-list>
		<uni-load-more :status="status" color="red"></uni-load-more>
		<button v-if="isshowbtn" @click="goTop" type="default" size="mini"
			style="position: fixed;right:30rpx;bottom:30rpx">回到顶部</button> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				parms: {
					page: 1,
					size: 10
				},
				list: [],
				status: 'more',
				isshowbtn: false

			}
		},
		created() {
			// this.getDate();
		},
		//页面的生命周期：监听滚动
		// onPageScroll: function(e) { //nvue暂不支持滚动监听，可用bindingx代替
		// 	if (e.scrollTop > 2000) {
		// 		this.isshowbtn = true;
		// 	} else {
		// 		this.isshowbtn = false;
		// 	}
		// },
		//页面的生命周期：监听下拉
		onPullDownRefresh() {

			// if (this.parms.page == 5) {
			// 	uni.showToast({
			// 		title: '暂无更多数据',
			// 		icon: 'none',
			// 		duration: 2000
			// 	})
			// 	uni.stopPullDownRefresh()

			// 	return false
			// }
			// this.parms.page++;

			// uni.request({
			// 	url: "/web/api/getHaoKanVideo", //接口地址即要跨域访问的目标地址
			// 	method: 'GET',
			// 	data: this.parms,
			// 	success: res => {
			// 		this.list = [...res.data.result.list, ...this.list];
			// 		uni.stopPullDownRefresh()
			// 	},
			// 	fail: () => {},
			// 	complete: () => {}
			// });
			// this.$get('web/api/getHaoKanVideo',this.parms).then(res => {
			// 	this.list = [...res.result.list, ...this.list];
			// 	uni.stopPullDownRefresh()
			// });
		},
		//页面的生命周期：监听页面触底
		onReachBottom() {
			// this.status = 'loading'

			// if (this.parms.page == 5) {
			// 	this.status = 'no-more'

			// 	return false
			// }
			// this.parms.page++;
			// uni.request({
			// 	url: "/web/api/getHaoKanVideo", //接口地址即要跨域访问的目标地址
			// 	method: 'GET',
			// 	data: this.parms,
			// 	success: res => {
			// 		this.list = [...this.list, ...res.data.result.list];
			// 		this.status = 'more'
			// 	},
			// 	fail: () => {},
			// 	complete: () => {}
			// });
			
			// this.$get('web/api/getHaoKanVideo',this.parms).then(res => {
			// 	this.list = [...this.list, ...res.result.list];
			// 	this.status = 'more'
			// });
		},
		methods: {
			getDate() {
				// uni.request({
				// 	url: "/web/api/getHaoKanVideo", //接口地址即要跨域访问的目标地址
				// 	method: 'GET',
				// 	data: this.parms,
				// 	success: res => {
				// 		this.list = res.data.result.list;
				// 	},
				// 	fail: (err) => {},
				// 	complete: () => {}
				// });
				// let _this = this;
				// this.$get('web/api/getHaoKanVideo',this.parms).then(res => {
				// 	this.list = res.result.list;
				// });
			},
			goTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				});
				this.isshowbtn = false;
			}
		}
	}
</script>

<style>

</style>
